<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TK科技有限公司</title>
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <header>
        <div class="head">
            <div>
                <div>  全国服务热线：400-000-0000</div>
                <div>
                    <a href="#"> <span>加入收藏</span></a>  
                    <a href="#"> <span>设为首页</span></a>
                </div>
            </div>
        </div>
        <nav>
           <div>
            <img src="./img/logo_03.jpg" alt=""></div>
            <div class="nav-fl"> <h3> TK科技有限公司</h3>  <span>cer dcd keo Holdings Co., Ltd.</span> </div>
            <ul class="nav-ul clearfix">
                <li>
                    <h4>首页</h4>
                    <h4>Home</h4>
                </li>
                <li>
                    <h4>关于我们</h4>
                    <h4>About</h4>     
                </li>
                <a href="./product.html"> 
                    <li>
                        <h4> 产品中心</h4>
                        <h4> Products</h4>
                    </li>
                </a>
                <li>
                   <h4> 服务支持</h4>
                   <h4> Products</h4>
                </li>
                <li>
                   <h4> 新闻中心</h4>
                    <h4>Service</h4>
                </li>
                <li>
                    <h4>在线商店</h4>
                   <h4> Shop</h4>
                </li>
                <li>
                    <h4>联系我们</h4>
                   <h4> Contact Us</h4>
                </li>
            </ul>
        </nav>
        <div class="slideshow"></div>
    </header>
    <section>
        <div class="banner">
         
            <img src="./img/banner.jpg" alt="" class="img1">
            <div class="box1"></div>
            <div class="box2"></div>
            <div class="box3"></div>
            <div class="box4"></div>
        </div>
        <ul class="news">
            <li class="news-li">
                <div class="item">
                    <div class="item-top">
                        <div class="item-top-content">
                            <img src="./img/icon1.jpg" alt="">
                            <h4>新闻中心</h4>
                            <h3>NEWS.CENTER</h3>
                        </div>
                    </div>
                    <div class="item-bottom">
                        <div class="itb-top">
                             <h5>CeBIT 2015</h5>
                             <div>
                                    <img src="./img/itm1.jpg" alt="">
                                  <p> 创新ICT共建全联接
                                        世界德国汉诺威展览
                                        中心</p>
                                   <p>  3月16日-20日</p>
                            </div>
                        </div>
                        <div class="itb-bottom">
                            <ul>
                                <li>上海国际智能建筑展览会</li>
                                <li>2014德国柏林国际消费类电子产品展览会</li>
                                <li>2014中国（贵阳）公告安全防范产品博览会</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </li>
            <li class="news-li">
                <div class="item">
                    <div class="item-top">
                        <div class="item-top-content">
                            <img src="./img/icon2.jpg" alt="">
                            <h4>新品发布</h4>
                            <h3>NEWS.PRODUCTS</h3>
                        </div>
                    </div>
                    <div class="item-bottom">
                        <div class="itb-img">
                            <img src="./img/itm2.jpg" alt="">
                        </div>
                        <div class="itb-p">
                            <p>s6213w-y</p>
                            <p>海思3518E方案，多码流技术，百万高清</p>
                        </div>

                    </div>
                </div>
            </li>
            <li class="news-li">
                <div class="item">
                    <div class="item-top">
                        <div class="item-top-content">
                            <img src="./img/icon4.jpg" alt="">
                            <h4>品牌介绍</h4>
                            <h3>INFORMATION</h3>
                        </div>
                    </div>
                    <div class="item-bottom">
                        <div>
                            <div class="itb-img3">
                                <img src="./img/itm3.jpg" alt="">
                            </div>
                            <div class="itb-p3">
                               <p> "siepem"品牌是广州市TK科技有限公司推出的自有品牌</p>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <div class="about">
            <div class="ab-head">
                <h4>关于我们</h4>
                <h5>STORE DISPLAY</h5>
            </div>
            <div class="ab-content">
                <div class="ab-p">
<p>广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。</p>
  <p> TK公司自创立以来, 一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品
    持续为客户创造最大价值。 </p>
                </p></div>
                <img src="./img/ab.jpg" alt="">
            </div>
        </div>
        <div class="about cn">
            <div class="ab-head">
                <h4>联系我们</h4>
                <h5>STORE DISPLAY</h5>
            </div>
        </div>
        <div class="connet">
            <div class="cn-content">
                <div class="cn-fl">
                    <div class="cn-fl-top">
                        <div class="fl-top-fl">
                            <img src="./img/cn-wx.jpg" alt="">
                            <p>微信扫一扫</p>
                           <p> 关注我们相关的信息</p>
                        </div>
                        <div class="fl-top-fr">
                            <div><img src="./img/phone.png" alt="">服务热线：400-000-0000</div>
                            <div> <img src="./img/people.png" alt="">联系人：某先生</div>
                            <div><img src="./img/E-mail.png" alt="">公司邮箱：www.tk.com</div>
                            <div><img src="./img/chuanzhen.png" alt="">公司传真：000-12345678</div>
                            <div><img src="./img/youzheng.png" alt="">邮政编码：467000</div>
                            <div><img src="./img/dizhi.png" alt="">公司地址：广州市某某区某某路某某号</div>
                        </div>
                    </div>
                    <div class="cn-fl-bottom">
                        <img src="./img/ditu.jpg" alt="">
                    </div>
                </div>
                <div class="cn-fr">
                    <div class="name">
                        昵称 <br>
                        <input type="text">
                    </div>
                    <div class="phone">
                        联系电话<br>
                        <input type="text">
                    </div>
                    <div class="E-mail">
                        电子邮箱<br>
                        <input type="text">
                    </div>
                    <div class="neirong">
                    内容<br>
                    <textarea name="" id="" cols="30" rows="10"></textarea></div>
                    <button type="submit">提交</button>
                </div>
            </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="ft-top">
           <p>关注我们: 
            <a href="#"> <img src="./img/weibo.png" alt=""></a>
            <a href="#"><img src="./img/QQ.png" alt=""> </a>
            <a href="#"><img src="./img/wechat.png" alt=""></a>
        </p>
           
           <p><a href="#"> 网站首页</a>·   <a href="#">新闻动态</a>·    <a href="#">关于我们</a>·   <a href="#">团队风采</a>·   <a href="#">联系我们·   <a href="#">在线留言</a></p> 
        </div>
        <div class="ft-bottom">©2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved</div>
    </footer>
</body>
</html>